<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>window对象</title>
</head>

<body>
    <script>
        // 浏览器里面，window对象（注意，w为小写）指当前的浏览器窗口。它也是当前页面的顶层对象，即最高一层的对象，所有其他对象都是它的下属


        // 属性
        // window.screenX和window.screenY属性，返回浏览器窗口左上角相对于当前屏幕左上角的水平距离和垂直距离（单位像素）。这两个属性只读

        // window.innerHeight和window.innerWidth属性，返回网页在当前窗口中可见部分的高度和宽度，即“视口”（viewport）的大小（单位像素）。这两个属性只读

        // window.outerHeight和window.outerWidth属性返回浏览器窗口的高度和宽度，包括浏览器菜单和边框（单位像素）。这两个属性只读

        // window.scrollX属性/window.pageXOffset属性window.pageYOffset属性返回页面的水平滚动距离，window.scrollY属性返回页面的垂直滚动距离，单位都为像素。这两个属性只读


        // 方法
        // window.alert()方法弹出的对话框，只有一个“确定”按钮，往往用来通知用户某些信息
        window.alert('Hello World');


        // window.prompt()方法弹出的对话框，提示文字的下方，还有一个输入框，要求用户输入信息，并有“确定”和“取消”两个按钮。它往往用来获取用户输入的数据
        var result = prompt('您的年龄？', 25)
        console.log(result);


        // window.confirm()方法弹出的对话框，除了提示信息之外，只有“确定”和“取消”两个按钮，往往用来征询用户是否同意
        // confirm方法返回一个布尔值，如果用户点击“确定”，返回true；如果用户点击“取消”，则返回false
        var result = confirm('你最近好吗？');
        var okay = confirm('Please confirm this message.');
        if (okay) {
            // 用户按下“确定”
        } else {
            // 用户按下“取消”
        }


        // window.open方法用于新建另一个浏览器窗口，类似于浏览器菜单的新建窗口选项。它会返回新窗口的引用，如果无法新建窗口，则返回null
        window.open("https://itbaizhan.com")

  </script>
</body>

</html>